<div class="widgets">
  <div class="row">
    <div class="col-lg-6 col-md-12">
      <sa-card title="Hover Rows" baCardClass="with-scroll table-panel">
        <box-hover-table></box-hover-table>
      </sa-card>
    </div>
    <div class="col-lg-6 col-md-12">
      <sa-card title="Bordered Table" baCardClass="with-scroll table-panel">
        <box-bordered-table></box-bordered-table>
      </sa-card>
    </div>
  </div>
  <div class="row">
    <div class="col-lg-6 col-md-12">
      <sa-card title="Condensed Table" baCardClass="with-scroll table-panel">
        <box-condensed-table></box-condensed-table>
      </sa-card>
    </div>
    <div class="col-lg-6 col-md-12">
      <sa-card title="Striped Rows" baCardClass="with-scroll table-panel">
        <box-striped-table></box-striped-table>
      </sa-card>
    </div>
  </div>
  <div class="row">
    <div class="col-lg-6 col-md-12">
      <sa-card title="Contextual Table" baCardClass="with-scroll table-panel">
        <box-contextual-table></box-contextual-table>
      </sa-card>
    </div>
    <div class="col-lg-6 col-md-12">
      <sa-card title="Responsive Table" baCardClass="with-scroll table-panel">
        <box-responsive-table></box-responsive-table>
      </sa-card>
    </div>
  </div>
</div>
